<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 利用闭包按照字段排序商品 -->
    <script>
        let lessons = [{
            title: '媒体查询响应式布局',
            click: 89,
            price: 12
        }, {
            title: "FLEX 弹性盒布局",
            click: 45,
            price: 120.
        }, {
            title: 'GRID 栅格系统',
            click: 19,
            price: 67
        }, {
            title: '盒子模型详解',
            click: 29,
            price: 300
        }];

        // 利用闭包特性（内部函数可以访问外部函数的数据）
        function order(field) {
            return function(a, b) { // order内部返回的函数可以访问order的形参filed
                return a[field] > b[field] ? 1 : -1;
            };
        }
        let hd = lessons.sort(order('click'));
        console.table(hd);
    </script>
</body>

</html>